/* 消息页面CSS */

/* 头部 */
header{
  height: 3.8rem;
}
header .message{
  width: 6.9rem;
  height: 1.76rem;
  border-radius: .1rem;
  background-color: #393484;
  margin-left: .3rem;
}
header .message .list2{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem .3rem;
  box-sizing: border-box;
}
header .message .list2 li>a{
  display: block;
  font-size: .5rem;
  color: #615d9d;
}
header .message .list2 .active>a{
  color: #76d3ff;
}

header .content2{
  width: 6.9rem;
  position: absolute;
  top: 3.8rem;
  left: .3rem;
  padding-bottom: 2rem;
}
.content2 .show {
  display: block;
}
.content2 ul {
  display: none;
  width: 100%;
}
.content2 ul li{
  width: 100%;
  height: 1.65rem;
  background-color: #f8f8f8;
  border-radius: .1rem;
  margin-bottom: .15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem;
  box-sizing: border-box;
}
.content2 ul li>a{
  display: block;
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
}
.content2 ul li>a img{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.content2 ul li .text{
  width: 3.4rem;
}
.content2 ul li .text a{
  display: block;
  font-size: .3rem;
  color: #666;
  margin-bottom: .1rem;
}
.content2 ul li .text p{
  font-size: .26rem;
  color: #a3a3a3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content2 ul li .time{
  display: flex;
  flex-direction: column;
}
.content2 ul li .time p{
  font-size: .22rem;
  color: #a3a3a3;
  margin-bottom: .1rem;
}
.content2 ul li .time span{
  display: block;
  width: .3rem;
  height: .3rem;
  font-size: .16rem;
  color: white;
  background-color: #393484;
  border-radius: 50%;
  text-align: center;
  line-height: .3rem;
  align-self: flex-end;
}